<template>
  <div class="export">
    <download-excel
      :data="json_data"
      :fields="json_fields"
      :meta="json_meta"
      type="csv"
      name="现金日报表.xls"
    >
      <el-button size="mini" type="primary">导出到Excel</el-button>
    </download-excel>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: Array,
      default() {
        return [];
      }
    },
    fields: {
      type: Object,
      default() {
        return {
          日期: "date",
          会员卡微信: "card_weichat_sum",
          会员卡现金: "card_cash_sum",
          票务微信: "ticket_weichat_sum",
          票务现金: "ticket_cash_sum"
        };
      }
    }
  },
  watch: {
    data(val) {
      this.json_data = val;
    },
    fields(val) {
      this.json_fields = val;
    }
  },
  data() {
    return {
      json_data: [],
      json_fields: {
        日期: "date",
        会员卡微信: "card_weichat_sum",
        会员卡现金: "card_cash_sum",
        票务微信: "ticket_weichat_sum",
        票务现金: "ticket_cash_sum"
      },
      json_meta: [
        [
          {
            " key ": " charset ",
            " value ": " utf-8 "
          }
        ]
      ]
    };
  }
};
</script>
